<template>
  <div>
    <!--  -->
    <div class="back text-center text-white py-[40px] pt-[140px]">
      <div class="w-[60%] mx-auto">
        <h1 class="h1style">Livestream Video Match</h1>
        <div class="textstyle">
          Experience the best of live streaming service combined with personal interactions in our platform! Whether you're showcasing your talent, watching others share theirs, or diving into spontaneous video chats, this livestream video call feature keeps things exciting and engaging.
         <br>
         <br>
          Interact in real-time with people who share your interests, and create memorable experiences together. Every live stream is a new journey waiting to unfold.
        </div>
      </div>
      <div>
        <img
          src="../../assets/img/friends/2.webp"
          class="w-[90%] mx-auto"
          alt=""
        />
      </div>
    </div>
    <!--  -->
    <div class="back text-center text-white pb-[40px]" style="background: #111;margin-top: -80px;">
      <div class="w-[60%] mx-auto">
        <h1 class="h1style">Online Video Call with Strangers        </h1>
        <div class="textstyle">
          Revolutionize the way you connect with our live video call online. From casual conversations to building long-lasting friendships, this feature combines simplicity with excitement. Enjoy uninterrupted, high-quality and free video calls that make every interaction feel genuine. As chatroulette best alternative, this app is perfect for forming bonds, discovering new cultures, or simply having fun—online video chat turns the world into a smaller, more connected place.
        </div>
      </div>
      <div class="">
        <img
          src="../../assets/img/friends/1.webp"
          class="w-[15%] mx-auto"
          alt=""
        />
      </div>
      <div class="textstyle" style="margin-top: 10px">
        Scan to open Pinkstar
      </div>
    </div>
    <!--  -->
  </div>
</template>

<script setup>
useSeoMeta({
  title: "Pink Star Livefreinds Feature: 1 on 1 Cams Live Chat with New Friends",
  description:
    "Discover an exciting alternative to apps like Monkey. Join our random video call free live and start chatting with strangers throughout the world.",
});
definePageMeta({
  pageTransition: {
    // name: 'page',
  },
});
</script>

<style lang="scss">
@keyframes animate1 {
  from {
    background-position-y: 0%;
  }
  100% {
    background-position-y: 1000px;
  }
}

@keyframes animate2 {
  from {
    background-position-y: 1000px;
  }
  100% {
    background-position-y: 0;
  }
}

.bg1 {
  background-image: url(../../assets/img/about/3.webp);
  background-size: 100%;
  animation-name: animate1;
  animation-duration: 32s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.bg2 {
  background-image: url(../../assets/img/about/4.webp);
  background-size: 100%;
  animation-name: animate2;
  animation-duration: 32s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
</style>
